<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv='Content-type' content='text/html; charset=utf-8'>
    <title>Hello World!</title>
      <script src="http://cdn.bootcss.com/react/0.13.2/react.min.js"></script>
      <script src="http://cdn.bootcss.com/react/0.13.2/JSXTransformer.js"></script>
  </head>
  <body>
  <div id="example_01"></div>
  <div id="example_02"></div>
  <script type="text/jsx">
		//我们写一个XML标签，实质上就是在调用React.createElement这个方法，并返回一个ReactElement对象。
        //使用JSX
		React.render(
			<div>
				<div>
					<div>content</div>
				</div>
			</div>,
			document.getElementById('example_01')
		);
		 
		//不使用JSX
		React.render(
			React.createElement('div', null,
				React.createElement('div', null,
					React.createElement('div', null, 'content')
				)
			),
			document.getElementById('example_02')
		);
  </script>
  </body>
</html>